import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
	navBarStyle:{
		flexDirection: 'row',
		height: 54,
		alignItems: 'center',
		backgroundColor: '#EA5404',
	},

	barSearch:{
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center',
		flexDirection: 'row',
		height: 34,
		marginLeft: 15,
		backgroundColor: '#FFEBE1',
		borderRadius: 2,
	},
	leftImage:{
		justifyContent: 'center',
		marginLeft: 10,
		marginRight: 10,
	},
	closeImage:{
		width: 30,
		height: 30,
	},
	searchLeft:{
		flex: 1,
		borderRadius: 2,
		padding:0,
		color: '#565656',
		backgroundColor: '#FFEBE1',
	},
	searchRight:{
		justifyContent: 'center',
	},
	searchRightBtn:{
		color: '#fff',
		fontSize: 15,
		marginLeft: 15,
		marginRight: 15,
		fontWeight: 'normal',
		textAlign: 'center'
	},

	textStyle: {
		color: '#555555',
		paddingTop: 10,
		fontSize: 15,
		fontWeight: 'normal'
	},
	markStyle:{
		position: 'absolute',
		right:20,
		top: 9,
		borderRadius: 20,
		minWidth: 17,
		maxHeight: 17,
		padding: 3,
		flex: 1,
		overflow:'hidden',
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#EA5404',
	},
	markTextStyle:{
		// lineHeight: 15,
		textAlign: 'center',
		fontSize: 10,
		color: '#ffffff'
	},
	underlineStyle: {
		height: 2,
		backgroundColor: '#EA5404'
	},
	tabBar: {
		// borderWidth: 1,
		borderBottomWidth: 1,
		borderColor: "#DDDDDD",
		backgroundColor: '#ffffff'
	},
	contentContainer: {
		flex: 1,
		marginTop: 64
		// marginTop: 157
	},
	progressBar: {
		backgroundColor: '#0a0a0a',
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center'
	},
	progressBar1: {
		backgroundColor: '#f3f3f3',
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center'
	},
	container: {
        flex: 1,
		backgroundColor: '#f3f3f3'
	},

    dialogContainer:{
        backgroundColor: '#fff',
		borderRadius: 2,
    },
    dialogTitle: {
        height: 45,
        borderBottomWidth: StyleSheet.hairlineWidth,
        justifyContent: 'center',
        borderBottomColor: '#ddd',
    },
    dialogTitleText: {
        textAlign: 'center',
        fontSize: 15,
        color: '#565656',
        fontWeight: 'bold',
    },

	dialogBodyText:{
		textAlign: 'center',
        fontSize: 15,
        color: '#565656',
	},

    submitBtnContainer:{
		flexDirection: 'row',
		borderTopWidth: StyleSheet.hairlineWidth,
		borderColor: '#DDDDDD',
    },
    submitCancelBtn:{
		flex: 1,
        height: 44,
        justifyContent: 'center',
        alignItems: 'center',

    },
	submitOkBtn:{
		flex: 1,
		height: 44,
        justifyContent: 'center',
        alignItems: 'center',
		borderLeftWidth: StyleSheet.hairlineWidth,
		borderColor: '#DDDDDD',
	},

    submitBtnText:{
        color: '#565656',
        fontSize: 15,
    },
	okBtnText:{

	},
	arrearageDialogButton:{
		flex:1,
		height:44,
		alignItems: 'center',
		justifyContent: 'center'
	},
	arrearageDialogButtonContainer:{
		flexDirection:'row',
		marginTop:30,
		borderTopWidth:0.5,
		borderColor:'#DDDDDD'
	},
	arrearageDialogDivideLine:{
		width:0.5,
		backgroundColor:'#DDDDDD',
		height:44,
	},
	arrearageDialogSendMsg:{
		color:'#EA5404',
		fontSize:15
	},
	arrearageDialogClose:{
		color:'#565656',
		fontSize:15
	},
	arrearageDialogDetail:{
		textAlign:'center',
		color:'#6ad2fb',
		fontSize:13,
		color:'#5DBAFD',
	},
	arrearageDialogDetailContainer:{
		marginTop:5,
		paddingTop:10
	},
	arrearageDialogMoneyContainer:{
		flexDirection:'row',
		justifyContent:'center',
	},
	arrearageDialogTime:{
		textAlign:'center',
		color:'#565656',
		fontSize:13,
	},
	arrearageDialogInfo:{
		marginLeft: 25,
		marginRight:25,
		backgroundColor:'#F3F3F3',
		paddingTop: 15,
		paddingBottom: 15,
		flex:1
	},
	arrearageDialogType:{
		textAlign:'center',
		marginTop:10,
		fontSize:13,
		color:'#565656',
	},
	arrearageDialogTopContainer:{
		flexDirection:'row',
		marginTop:20,
		marginLeft: 15,
		marginRight:15,
	}
});

export default styles;
